
<!--右侧内容开始-->
<div class="fadeIn">
    <br/>
    <ol class="breadcrumb">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">运维工作台 / 参数配置管理 / 规则参数管理 / 号段路由管理</li>
    </ol>
    <div class="rightbar">
        <div id="serviceEnd" class="showEle sign1">
          <form action="userRouteRule/out-excel" onkeydown="if(event.keyCode==13)return false;" method="post" id="form" name="myform">
            <div class="left marT15 marR10">
                <span class="search-name">省份</span>
                <select class="form-control1"  ng-model="searchData.province" name="province">
                <option value="">全部</option>
                <option value={{row.proCode}} ng-repeat="row in provinceData">{{row.proName}}</option>
                </select>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">运营商</span>
                <select class="form-control1"  ng-model="searchData.mobilCorp" name="mobilCorp">
                <option value="">全部</option>
                <option value={{row.DICVALUE}} ng-repeat="row in mobileCorpData">{{row.DICVALUENAME}}</option>
                </select>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">号段</span>
                <input type="text" class="form-control1 sectionNo" placeholder="" 
                ng-keyup='search($event)'
                ng-model="searchData.sectionNo"
                onkeyup="this.value=this.value.replace(/\D/,'')"
                	oninput="if(value.length>20)value=value.slice(0,20)"
                name="sectionNo">
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">状态</span>
                <select class="form-control1" ng-model="searchData.status" name="status">
                    <option value="">全部</option>
                    <option value="1">有效</option>
                    <option value="0">失效</option>
                </select>
            </div>
            </form>

            <a href="javascript:;" class=" btn btn-sm btn-primary left marT15" id="search" ng-click='search()'><span class="glyphicon glyphicon-search"></span></a>
            <div class="right marT15" style="position:relative">
            <button class="btn btn-sm btn-primary" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span ng-style='loadStyle' class="outExcelLoad"><img  src="img/load.gif"></span>
            </button>
          </div>
        </div>

    <div class="table-box">
        <table class="table table-bordered table-striped text-center bg-info marT15">
            <thead >
            <tr class="info">
                <th class="text-center">序号</th>
                <th class="text-center">号段名称</th>
                <th class="text-center">号段</th>
                <th class="text-center">归属省份</th>
                <th class="text-center">归属运营商</th>
                <th class="text-center">状态</th>
                <th class="text-center">说明</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody id="appList">
            <tr ng-repeat="Item in result">
                <td>{{ $index+1 }}</td>
                <td class="w85">{{Item.ruleName}}</td>
                <td>{{Item.sectionNo}}</td>
                <td class="w85">{{Item.provinceName}}</td> 
                <td class="w115">{{Item.mobilCorpName}}</td> 
                <td>
                   <span ng-if='"1"==Item.status' >有效</span>
                   <span ng-if='"0"==Item.status' >失效</span>
                </td>
                <td style="min-width: 200px; word-break: break-all;">{{Item.desc}}</td>
                <td style="min-width: 160px;">
                    <a class="marR10" 
                            ng-click='changeStstus($index,Item.ruleId ,Item.status)'
                            ng-show="'0'===Item.status">有效</a>
                            <a class="marR10" 
                            ng-click='changeStstus($index,Item.ruleId ,Item.status)' 
                            ng-show="'1'===Item.status">失效</a>
                            <a class="marR10" data-toggle="modal" data-target="#add" ng-click="editTr('修改',Item.ruleId )">修改</a>
                            <a class="marR10" data-toggle="modal" data-target="#delete" ng-click="delete(Item.ruleId ,$index)">删除
                    </a>
                </td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
                <td><a ng-click='editTr("添加")' class="glyphicon glyphicon-plus" data-toggle="modal" data-target="#add"></a></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            </tfoot>

        </table>

    </div>
           <page></page>

    </div>
</div>
<!--右侧内容结束-->
</div>

<!--添加程序弹窗-->
<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="add">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="">{{popup}}号段路由信息</h4>
            </div>
            <div class="modal-body">
                <div class="marB15 clearfix row">
                   <div class="col-xs-6 lineH25">
                       <label class="left">号段名称 </label>
                        <input type="text"  class="right form-control line4 " ng-model="addData.ruleName">
                   </div>
                    <div class="col-xs-6 lineH25">
                        <label class="left">号段</label>
                        <input type="text" class="right form-control line4 sectionNo1" 
                        ng-model="addData.sectionNo"
                        onkeyup="this.value=this.value.replace(/\D/g,'')" 
                        >
                    </div>
                </div>
                <div class="marB15 clearfix row">
                   <div class="col-xs-6 lineH25">
                      <label class="left">归属省份</label>
                      <select class="form-control line4 right"  ng-model="addData.province" name="">
                      <option value="">--请选择--</option>
                      <option value={{row.proCode}} ng-repeat="row in provinceData">{{row.proName}}</option>
                      </select>
                   </div>
                   <div class="col-xs-6">
                      <label class="left">归属运营商</label>
                      <select class="form-control line4 right"  ng-model="addData.mobilCorp" name="">
                      <option value="">--请选择--</option>
                      <option value={{row.DICVALUE}} ng-repeat="row in mobileCorpData">{{row.DICVALUENAME}}</option>
                      </select>
                   </div>
                   
                </div>
                <div class="marB15 clearfix row">
                   <div class="col-xs-6 lineH25">    
                    <label class="left">状态</label>
                    <select class="form-control  right line4" ng-model="addData.status">
                        <option value="0">待生效</option>
                        <option value="1">生效</option>
                    </select>
                    </div>
                </div>
                <div class="marB15 clearfix row">
            
                    <div class="col-xs-12">
                       <label class="left"><span>路由说明</span></label>
                        <textarea id="desc" class="left form-control" ng-model="addData.desc"></textarea>
                   </div>

                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-sm" ng-click="editSave()">保存</button>
            </div>
        </div>
    </div>
</div>
<!-- 添加程序结束 -->

<!-- 参数添加结束 -->
<!-- 提示框 -->
<div class="modal fade" id="delete">
    <div class="modal-dialog">
        <div class="modal-content message_align">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body">
                <p>您确认删除吗？</p>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="url"/>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <a  ng-click='deleteTr()' class="btn btn-primary" data-dismiss="modal">确定</a>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 提示框结束 -->
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->